/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/

/* theme color */
$--color-primary: #C27B55;
$--color-success: #13ce66;
$--color-warning: #ffba00;
$--color-danger: #ff4949;
// $--color-info: #1E1E1E;

/* input */
$--input-placeholder-color: #CCCCCC;
$--input-border: 1px solid #eaeaea;
$--input-hover-border: #F5ECE5;
$--input-focus-border: #C27B55;

/* select */
$--select-border-color-hover: #F5ECE5;
$--select-input-focus-border-color: #C27B55;


/* date-picker */
// $--date-picker-input-active-border-color: #C27B55; // 没有这个变量， 查看源码 active border使用的是 $--color-primary

/* button */
$--button-padding-vertical: 16px;
$--button-padding-horizontal: 25px;
$--button-font-weight: 500;

/* table */
$--table-header-background-color: #F5F5F5;
$--table-header-font-color: #15181D;
$--table-font-color: #15181D;
$--table-border: 1px solid #F5F5F5;

$--color-text-regular: #1f2d3d;

$--border-color-light: #dfe4ed;
$--border-color-lighter: #e6ebf5;



/* icon font path, required */
$--font-path: "~element-ui/lib/theme-chalk/fonts";

@import "~element-ui/packages/theme-chalk/src/index";

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  theme: $--color-primary;
}